<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>意见反馈</title>
    <meta name="viewport" content="width=device-width, initial-scale=1,maximum-scale=1, user-scalable=no">
    <meta name="apple-mobile-web-app-capable" content="yes">
    <meta name="apple-mobile-web-app-status-bar-style" content="black">
    <link rel="stylesheet" href="css/mui.min.css">
    <link rel="stylesheet" href="css/style.css">
    <link rel="stylesheet" href="css/swiper.min.css">
    <link rel="stylesheet" href="css/font-awesome.min.css">
</head>
<body class="sex_body">

<div class="close_login message_header">
    <a href="#">
        <img src="images/返回.png">
    </a>
    <span class="close_top_title">意见反馈</span>
    <a href="#" class="edit_save">
        历史反馈
    </a>
    <div class="clearfix"></div>
</div>

<div class="message_content">
    <form>
        <div class="advice_table">
            <span class="advice_titile">问题分类</span>
            <div class="advice_content">
                <ul>
                    <li class="active">功能建议</li>
                    <li>体验优化</li>
                    <li>性能问题</li>
                    <li>其他</li>
                </ul>
                <div class="mui-clearfix"></div>
            </div>
            <span class="advice_titile">问题描述</span>
            <div class="advice_content">
                <input type="text" placeholder="请详细描述您的问题"/>
                <a href="#" class="advice_img_select">
                    <img src="images/图片.png">
                </a>
            </div>
            <span class="advice_titile">联系方式</span>
            <div class="advice_content">
                <input type="text" placeholder="输入手机号或邮箱"/>
            </div>

            <div class="advice_submit">
                <input type="submit" value="确认提交"/>
            </div>
        </div>
    </form>
</div>

<div class="advice_select hidden">
    <div class="hidden_box_shadow">
        <a href="#">从相册中选取</a>
    </div>
    <div>
        <a href="#">拍照</a>
    </div>
</div>



</body>
<script src="js/mui.min.js"></script>
<script src="js/jquery.2.1.1min.js"></script>
<script src="js/swiper.jquery.min.js"></script>
<script type="text/javascript">
    $(document).ready(function () {
        $(".advice_content ul li").click(function () {
            var num=$(this).index();
            $(this).addClass("active");
            $(this).siblings().removeClass("active");
        });
        $(".advice_img_select").click(function (e) {
            $(".advice_select").toggleClass("hidden");
            $(".message_content").toggleClass("gray_bg");
            e.stopPropagation()
        });
        $(document).click(function () {
            $(".advice_select").addClass("hidden");
            $(".message_content").removeClass("gray_bg");
        })

    })
</script>

</html>